body{ font-family: "微软雅黑"; color: #929292; background: #f1f1f1; position:absolute; width:100%; min-height:100%; }
a:hover,a:active,a:link{text-decoration: none;}
ul{padding: 0;margin: 0;}
li{ list-style: none;}

/*宽度相关*/
.full-width{ width: 100%;}
.content{ padding-top: 6em;}
.autowh{ width: 1780px; margin: 0 auto;}
@media screen and (max-width:1880px) {.autowh{width:1180px;}}
@media screen and (max-width: 1250px) {.autowh {width: 880px;}}
@media screen and (max-width: 950px) {
	.autowh {width: 580px;} 
	.navh{ width: 200px; margin-left:165px; float: none;} 
	.navh li { background: #323436; display: none; width: 185px !important;} 
	.index-btn{  background: none !important; display: block !important;}
}

/*导航相关*/
.top-slide{ height: 50px; line-height: 49px; background: #323436; position: fixed; z-index: 4; width: 100%;}
.navh{ height: 50px;}
.navh li { float: left; width: 80px; text-align: center;}
.navh li a,.pass-box a{ color: #8C8C8C; display: block; transition: background-color ease .3s;}
.navh li a:hover,.pass-box a:hover{ background-color:#454648; color:#fff;}
.pass-box{ float: right; width: 200px; text-align: center;}
.pass-box a{ width: 90px; float: right;}

/* Effect : Brackets 导航特效 */
.cl-effect a::before,
.cl-effect a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect a:hover::before,
.cl-effect a:hover::after,
.cl-effect a:focus::before,
.cl-effect a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/*Logo相关*/
.logo-title { font-size:2.2em; margin-right: 25px; display: block; font-weight: bold; float: left; color: #f35626;background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
    -webkit-animation: hue 20s infinite linear;
}

/*按钮相关*/
.register-btn{ color: #6BC30D !important;}

/*底部相关*/
.footer{ padding:20px 0 10px; width: 100%; background: #222324; clear: both; position:relative; bottom:0px;}
.foot-links a{ color: #CECECE; margin-right: 40px;}
.foot-banquan{ font-size: 12px; margin-top: 15px;}
.foot-banquan a{ color: #6BC30D;}

/*-----------------------------------*\
  $ANIMATIONS
\*-----------------------------------*/

@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
  
    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}